<template>
	<div class="head">
		<div class="left" v-html="conleft"></div>
		<div class="middle" v-html="conmid"></div>
		<div class="right">354</div>
	</div>
</template>

<script>
export default {
  name: 'head',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  props: {
    conleft: {
      type: String,
      default: '6666666'
    },
    conmid: '444'
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
  .head{
    display: flex;
    .left{
      flex:0 0 20%;
    }
    .middle{
      flex:1 1 auto;
    }
    .right{
      flex:0 0 20%;
    }
  }
</style>
